﻿<!doctype html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=1024" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>ECHOLOCAL : Connecté Naturellement, Actif Localement</title>
    
    <meta name="description" content="" />
    <meta name="author" content="" />

    <link href="http://fonts.googleapis.com/css?family=Open+Sans:regular,semibold,italic,italicsemibold|PT+Sans:400,700,400italic,700italic|PT+Serif:400,700,400italic,700italic" rel="stylesheet" />
    <link href="css/impress-demo.css" rel="stylesheet" />
    
    <link rel="shortcut icon" href="favicon.png" />
    <link rel="apple-touch-icon" href="apple-touch-icon.png" />
</head>

<body class="impress-not-supported">

<div  style="float:right; position:fixed;right:0px;bottom:0px;padding:10px;">
<img src="../images/Echolocal.png"/>
</div>
<div class="fallback-message">
    <p>Your browser <b>doesn't support the features required</b> by impress.js, so you are presented with a simplified version of this presentation.</p>
    <p>For the best experience please use the latest <b>Chrome</b>, <b>Safari</b> or <b>Firefox</b> browser.</p>
</div>

<div id="impress">
	<div class="step" data-x="-1800" data-y="1500" data-rotate="340">
        <img src="../images/SLIDE1.jpg" width="800"/>
    </div>
	
	<div class="step" data-x="-1800" data-y="2200" data-rotate="340">
        <img src="../images/SLIDE2.jpg" width="800"/>
    </div>
	
	<div id="title" class="step" data-x="0" data-y="0" data-scale="4">
		<span class="try">Naturellement Connecté</span>
		<h1 style="color:green">EchoLocal<sup>*</sup></h1>
		<span class="try2">Agir Localement</span>
        <span class="footnote"><sup>*</sup> Gratuit, Collaboratif, Participatif, GeoLocalisé et Ecologique</span>
    </div>
	
	<div class="step" data-x="-2000" data-y="2900" data-rotate="340">
        <img src="../images/SLIDE3.jpg" width="800"/>
    </div>
	
	<div class="step" data-x="-1100" data-y="2800" data-rotate="340">
		<q><b style="font-size:110px">Contenu</b> 
			<div style="color:green;line-height:60px">
			<br/><b class="rotating">Réseau eco consom'acteur</b>
			<br/>Boite à idées collaboratives
			<br/>Evénements - Rencontres
			<br/>Statistique
			<br/>Eco-sondage
			<br/>Mise en relation clients / fournisseurs
			<br/>Plateforme evolutive
			</div>
		</q>
    </div>

    <div id="big" class="step" data-x="3500" data-y="2100" data-rotate="180" data-scale="1">
        <b style="color:green">Marché</b> 
		<span class="thoughts">Existant
		<br/>Demandeur
		<br/><span>Prise de conscience consom'acteur
		<br/>Crise economique</span></span></p>
    </div>

    <div class="step " data-x="1000" data-y="-1500">
        <q><b>Etude de Marché Reunion</b>
			<ul style="color:green"> 
		    	<li>4800 acteurs = 2% population active</li>
				<li>~300 Entreprises Dev durable</li>
		    </ul>
		    Pas de réseau Eco Reunionais
			<br/>Des petits projets intéressants
			<br/>(PressEcologie, Réseau Vert)
			<br/>Collaboration possible ?
		</q>
    </div>
	
	<div class="step " data-x="1000" data-y="-2100">
        <q><b>Etude de Marché Metropole</b>
		<br/>Tinkuy = solution similaire à 70%
		<br/>Divers blogs et annuaires non interactifs
		<br/><div style="color:green;font-weight:bold;"  class='rotating'>Toujours pas de solution 974</div>
		</q>
    </div>
	
	<div class="step " data-x="1000" data-y="-2600">
        <q><b>Besoins identifiés</b>
			<br/>Producteurs sont demandeurs de publicités
			<br/>Consomateurs sont demandeurs d'informations
		</q>
    </div>
	
	
	
	
	 <div class="step" data-x="-200" data-y="-1500">
        <q><b>Diffusion </b> 
		<br/>Evenement / Buzz / Bouche à oreille
		<br/>&nbsp;&nbsp;&nbsp;&nbsp;Médias
		<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Parainage
		<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Réseaux sociaux
		<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Publicité
		<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Moteur de recherche
		<br/><div class='rotating'>Sticker pare choc</div>
		</q>
    </div>
	


    

    <div id="tiny" class="step" data-x="2825" data-y="725" data-z="-3000" data-rotate="300" data-scale="4">
        <p>Un vrai <b>réseau</b><br/> kiffez toute la différence !</p>
    </div>
	
	<div class="step ing" data-x="3500" data-y="-1050" data-rotate="270" data-scale="3">
        <p><b class="positioning">Coût</b> <b class="rotating">35K€ de Développement</b> <b class="scaling">30K€ pour communiquer</b> 
		
		</p>
    </div>
	
	<div class="step ing ing2" data-x="5500" data-y="-1650" data-rotate="90" data-scale="3">
        <p><b class="positioning" style="color:green">Revenus</b> 
		<b class="rotating">Inscription gratuite </b>
		<br/><br/><b class="scaling">Premium Payant</b> 
		<br/><b class="scaling">Publicité</b> 
		</p>
    </div>
	
    <div class="step ing" data-x="5000" data-y="-250" data-rotate="270" data-scale="3">
        <p><b class="positioning">Financement</b>
		1.Model Classic : création société
		<br/><span >2.Analyse économique
		<br/><b class="rotating">3.Association financée citoyen</b> 
		<br/><b class="scaling">Ouvert à Collaboration </b>
		</p>
    </div>

	<div id="codebar" class="step" data-x="6800" data-y="1400" data-scale="2" >
		<div style="text-align:center">
        On veut pas se faire bouffer!
		<img src="../images/codebar.jpg"/>
		</div>
    </div>
	
	<div id="title" class="step" data-x="0" data-y="0" data-scale="4">
		<span class="try">Naturellement Connecté</span>
		<h1 style="color:green">EchoLocal<sup>*</sup></h1>
		<span class="try2">Agir Localement</span>
        <span class="footnote"><sup>*</sup> Gratuit, Collaboratif, Participatif, GeoLocalisé et Ecologique</span>
    </div>
	
    <div id="overview" class="step" data-x="3000" data-y="1500" data-scale="10">
    </div>

</div>

<div class="hint">
    <p>Use a spacebar or arrow keys to navigate</p>
</div>
<script>
if ("ontouchstart" in document.documentElement) { 
    document.querySelector(".hint").innerHTML = "<p>Jouer avec les Flèche droite , Gauche pour naviguer</p>";
}
</script>

<script src="js/impress.js"></script>
<script>impress().init();</script>


</body>
</html>



